<template>
  <div id="box">
    <div id="top">
      <nav-bar
        title="设置"
        left-text=""
        left-arrow
        @click-left="onClickLeft"
        fixed="true"
      />
    </div>
    <div id="cee">
      <div id="cen">
        <cell title="个人资料" is-link to="index" />
        <cell title="账号与安全" is-link to="index" />
      </div>
      <div id="cen">
        <cell title="消息通知设置" is-link to="index" />
        <cell title="隐私管理" is-link to="index" />
        <cell title="通用" is-link to="index" />
      </div>
      <div id="cen">
        <cell title="单元格" is-link value="未开启" />
      </div>
      <div id="cen">
        <cell title="清除缓存" is-link to="index" />
        <cell title="诊断网络" is-link to="index" />
      </div>
      <div id="cen">
        <cell title="个人信息收集清单" is-link to="index" />
        <cell title="第三方信息数据共享" is-link to="index" />
        <cell title="关于我们" is-link to="index" />
        <cell title="单元格" is-link value="10100011" />
      </div>
      <Button type="primary" block color="white" class="btn1" @click="tuichu"
        >退出登录</Button
      >
    </div>
  </div>
</template>

<script setup>
import { NavBar, Cell, Button } from 'vant'
import { removeToken } from '../utils/tools'
const onClickLeft = () => history.back()
const tuichu = () => {
  removeToken()
}
</script>

<style scoped>
#box {
  background-color: rgb(246, 246, 246);
}
#cen {
  margin-bottom: 10px;
}
.btn1 {
  color: black !important;
}
#cee {
  padding: 13vw 0;
}
</style>
